@media all and (max-width:770px) {
	header ul {
		display: none;
	}
	
	header .yt {
		width: 100%;
		position: static;
		height: 100%;
	}
	.baner span{
		display: block;
		width: 100%;
		max-width: 1021px;
		position: relative;
		top: 0;
		left: 37%;
		transform: translateX(-50%);
		padding-left: 130px;
	}
	.yt img {
		width: 225px;
		height: 42px;
	}
	nav ul {
		justify-content: flex-start;
		margin-left: 20px;
	}
	nav ul li {
		display: none;
	}
	nav ul li a{
		text-decoration: none;
	}
	nav ul li:nth-child(1) {
		display: block;
	}
	nav ul li:nth-child(2) {
		display: block;
	}
	nav ul li:nth-child(3) {
		display: block;
	}

	main {
		flex-wrap: wrap;
		padding: 15px;
	}

	main .left {
		width: 100%;
		margin-bottom: 10px;
	}

	main .right {
		width: 100%;
	}
	 
	 img main .right .rightt .zx{
		margin-right: 10px;
	}

	main .zx {
		width: 100%;
	}

	.gyt {
		display: none;
	}

	footer {
		color: #FFFFFF;
		background-color: #007D6B;
	}
}
